<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>练习一下单文件组件的语法</title>
    </head>

    <body>
        <!-- 准备一个容器 -->
        <div id="root">
            <!-- 编写组件标签,可以在此处写也可以在main.js里面写，但不能同时写 -->
            <!-- <App></App> -->
        </div>
        <!-- 
            注意：
            引入js的顺序是有先后要求的，因为main.js依赖与vue.js,而App.vue依赖于main.js;
            并且所有的js必须要在底部引入，因为所有的组件都必须等待容器的初始化准备
        -->
        <script src="../js/vue.js"></script>
        <script src="./main.js"></script>    
    </body>
</html>
